<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SUBE Services</title>
<meta name="description" content="Serveis SUBE" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript">

      var flashvars = {};
      flashvars.cssSource = "piecemaker.css";
      flashvars.xmlSource = "piecemaker.xml";
		
      var params = {};
      params.play = "true";
      params.menu = "false";
      params.scale = "showall";
      params.wmode = "transparent";
      params.allowfullscreen = "true";
      params.allowscriptaccess = "always";
      params.allownetworking = "all";
	  
      swfobject.embedSWF('piecemaker.swf', 'piecemaker', '900', '408', '10', null, flashvars,    
      params, null);
    
</script>
<!-- Importar Jquery -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script type="text/javascript">
		//function login(){
		
      $(document).ready(function() {
	    $('a.login-window').click(function(){
		//Getting the variable's value from a link 
		      var loginBox = '#login-box';

		      //Fade in the Popup
		      $(loginBox).fadeIn(300);
		      
		      //Set the center alignment padding + border see css style
		      var popMargTop = ($(loginBox).height() + 24) / 2; 
		      var popMargLeft = ($(loginBox).width() + 24) / 2; 
		      
		     $(loginBox).css({ 
			      'margin-top' : -popMargTop,
			      'margin-left' : -popMargLeft
		      });
		      
		      // Add the mask to body
		      $('body').append('<div id="mask"></div>');
		      $('#mask').fadeIn(300);
		      
		      return false;
	    });
	      
	    // When clicking on the button close or the mask layer the popup closed
	    $('a.close, #mask').live('click', function() { 
		$('#mask , .login-popup').fadeOut(300 , function() {
		      $('#mask').remove();  
		  });
	    return false;
            });  
      });

</script>
</head>